<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer">
    <title>哔哩哔哩 (゜-゜)つロ 干杯~-bilibili</title>
    <link rel="shortcut icon" href="https://www.bilibili.com/favicon.ico?v=1" />
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <!-- logo  -->
        <div class="logobox">
            <i class="iconfont Navbar_logo mylogo"></i>
            <div class="right">
                <i class="iconfont ic_search_tab"></i>
                <img src="./images/login.png" alt="">
                <button>下载App</button>
            </div>
        </div>
        <!-- 头部导航 -->
        <nav>
            <ul class="menu">
                <li class="active"><a href="#">首页</a></li>
                <li><a href="#">首页</a></li>
                <li><a href="#">首页</a></li>
                <li><a href="#">首页</a></li>
                <li><a href="#">首页</a></li>
            </ul>
            <i class="iconfont general_pulldown_s"></i>
        </nav>
    </header>
    <!-- 视频列表 -->
    <main>
        <ul>
            <li><a href="#">
                <div class="pic">
                    <img src="https://i2.hdslb.com/bfs/archive/c64a3d41ed21bf32daa2d370f6454d5a3f3eeae7.jpg" alt="">
                    <div class="number">
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                    </div>
                </div>
                <p class="txt-2">我把坤坤投屏到了纽约时代广场的大屏幕上！</p>
            </a></li>
            <li><a href="#">
                <div class="pic">
                    <img src="https://i2.hdslb.com/bfs/archive/c64a3d41ed21bf32daa2d370f6454d5a3f3eeae7.jpg" alt="">
                    <div class="number">
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                    </div>
                </div>
                <p class="txt-2">我把坤坤投屏到了纽约时代广场的大屏幕上！</p>
            </a></li>
            <li><a href="#">
                <div class="pic">
                    <img src="https://i2.hdslb.com/bfs/archive/c64a3d41ed21bf32daa2d370f6454d5a3f3eeae7.jpg" alt="">
                    <div class="number">
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                    </div>
                </div>
                <p class="txt-2">我把坤坤投屏到了纽约时代广场的大屏幕上！</p>
            </a></li>
            <li><a href="#">
                <div class="pic">
                    <img src="https://i2.hdslb.com/bfs/archive/c64a3d41ed21bf32daa2d370f6454d5a3f3eeae7.jpg" alt="">
                    <div class="number">
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                    </div>
                </div>
                <p class="txt-2">我把坤坤投屏到了纽约时代广场的大屏幕上！</p>
            </a></li>
            <li><a href="#">
                <div class="pic">
                    <img src="https://i2.hdslb.com/bfs/archive/c64a3d41ed21bf32daa2d370f6454d5a3f3eeae7.jpg" alt="">
                    <div class="number">
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                    </div>
                </div>
                <p class="txt-2">我把坤坤投屏到了纽约时代广场的大屏幕上！</p>
            </a></li>
            <li><a href="#">
                <div class="pic">
                    <img src="https://i2.hdslb.com/bfs/archive/c64a3d41ed21bf32daa2d370f6454d5a3f3eeae7.jpg" alt="">
                    <div class="number">
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                    </div>
                </div>
                <p class="txt-2">我把坤坤投屏到了纽约时代广场的大屏幕上！</p>
            </a></li>
            <li><a href="#">
                <div class="pic">
                    <img src="https://i2.hdslb.com/bfs/archive/c64a3d41ed21bf32daa2d370f6454d5a3f3eeae7.jpg" alt="">
                    <div class="number">
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                    </div>
                </div>
                <p class="txt-2">我把坤坤投屏到了纽约时代广场的大屏幕上！</p>
            </a></li>
            <li><a href="#">
                <div class="pic">
                    <img src="https://i2.hdslb.com/bfs/archive/c64a3d41ed21bf32daa2d370f6454d5a3f3eeae7.jpg" alt="">
                    <div class="number">
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                    </div>
                </div>
                <p class="txt-2">我把坤坤投屏到了纽约时代广场的大屏幕上！</p>
            </a></li>
            <li><a href="#">
                <div class="pic">
                    <img src="https://i2.hdslb.com/bfs/archive/c64a3d41ed21bf32daa2d370f6454d5a3f3eeae7.jpg" alt="">
                    <div class="number">
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                    </div>
                </div>
                <p class="txt-2">我把坤坤投屏到了纽约时代广场的大屏幕上！</p>
            </a></li>
            <li><a href="#">
                <div class="pic">
                    <img src="https://i2.hdslb.com/bfs/archive/c64a3d41ed21bf32daa2d370f6454d5a3f3eeae7.jpg" alt="">
                    <div class="number">
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                        <p>
                            <i class="iconfont icon_shipin_bofangshu"></i>132万
                        </p>
                    </div>
                </div>
                <p class="txt-2">我把坤坤投屏到了纽约时代广场的大屏幕上！</p>
            </a></li>
        </ul>
    </main>
    <!-- 下载app -->
    <button class="btn">
        <i class="iconfont Navbar_logo mylogo"></i>
        <span>打开App，看你感兴趣的视频</span>
    </button>
</body>
</html>